<template>
    <div>
        <div class="mainView">

        <!-- 轮播图 -->
        <carousel></carousel>
        <!-- 轮播图END -->
        <!-- 左侧菜单-->
        <left-menu></left-menu>
        <!-- 左侧菜单END-->
        <!-- 主界面-->
        </div>
        <div style=" background-color:#f1edebdc; width:100%;">
        <div class="mainView" style="padding-top: 20px;">
        <!--手机-->
        <phone></phone>
        <!--手机END-->
        </div>
        <!-- 主界面END-->
        </div>
    </div>
</template>

<script>
import carousel from './carousel.vue'
import LeftMenu from './leftMenu/leftMenu.vue'
import Phone from './Phone.vue'
export default {
  components: { carousel, LeftMenu, Phone },   
}
</script>

<style scoped>
.mainView{
  margin-top: 20px;
  position: relative;
  left: 50%;
  margin-left: -611px;
  width: 1225px;
  background-color: #f1edebdc;
}
</style>